<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>API详情页</title>
		<!-- 重置样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 当前页面样式 -->
		<link rel="stylesheet" href="../css/api-detail.css" />
	</head>
	<body>
		<header class="flex-c-sb bxb pa">
			<a href="#" class="logo">
				<h1 class="bl"></h1>
			</a>
			<ul class="nl flex-c-c">
				<li>
					<a href="./index.html" target="_blank">首页</a>
				</li>
				<li class="active">
					<a href="#">API</a>
				</li>
				<li>
					<a href="#">云服务</a>
				</li>
				<li>
					<a href="#">案例</a>
				</li>
				<li>
					<a href="#">开发者</a>
				</li>
			</ul>
			<div>
				<span class="register">登录</span>
				<span class="login f-white">注册有礼</span>
			</div>
		</header>
		<!-- 填充 -->
		<section id="head"></section>
		<main>
			<!-- banner区 -->
			<section id="banner" class="pr">
				<!-- 粒子效果 -->
				<div id="bannerBg" class="pa"></div>
				<!-- 版心 -->
				<div class="container">
					<!-- 图文区 -->
					<div id="bannerCont" class="pa bxb">
						<!-- 图片 -->
						<div id="image1" class="bxb">
							<img src="../imgs/iocn/API11.jpg" alt="图片加载失败" />
							<div class="s-icon">
								<div class="s-icon1">
									<img
										src="../imgs/iocn/API_smallicon_01.jpg"
										alt="图片加载失败"
									/>
									<br />
									<span>103</span>
								</div>
								<div class="s-icon2">
									<img
										src="../imgs/iocn/API_smallicon_02.jpg"
										alt="图片加载失败"
									/>
									<br />
									<span>14265</span>
								</div>
								<div class="s-icon3">
									<img
										src="../imgs/iocn/API_smallicon_03.jpg"
										alt="图片加载失败"
									/>
									<br />
									<span>623</span>
								</div>
							</div>
						</div>
						<!-- 文字 -->
						<div id="text1">
							<!-- 标题 -->
							<div class="caption">
								<span>身份证实名认证</span>
								<span>支持HTTPS</span>
								<span>企业专用</span>
							</div>
							<!-- 标签 -->
							<ul class="label-list">
								<li>
									<img src="../imgs/iocn/API详情页_03.jpg" alt="图片加载失败" />
									<span>限企业实名用户使用</span>
								</li>
								<li>
									<img src="../imgs/iocn/API详情页_08.jpg" alt="图片加载失败" />
									<span>本接口需提供应用场景审核</span>
								</li>
								<li>
									<img src="../imgs/iocn/API详情页_05.jpg" alt="图片加载失败" />
									<span>个人实名用户无法使用</span>
								</li>
							</ul>
							<!-- 说明 -->
							<p class="explain">检测姓名和身份证号是否一致，身份验证</p>
							<!-- 价格列表 -->
							<ul class="price-list">
								<li class="default pr">
									<img src="../imgs/iocn/API详情页_17.jpg" alt="图片加载失败" />
									<span>扫码测试</span>
									<div class="pa">
										<img
											src="../imgs/iocn/wechat-white.png"
											alt="图片加载失败"
										/>
										<p>请扫码关注</p>
									</div>
								</li>
							</ul>
							<!-- 价格 -->
							<p class="price"></p>
							<!-- 申请按钮 -->
							<a href="#">立即申请</a>
						</div>
					</div>
				</div>
			</section>
			<!-- tab区 -->
			<section id="tab">
				<!-- 版心 -->
				<div class="container">
					<!-- tab列表 -->
					<ul id="tabList">
						<li class="active">API文档</li>
						<li>错误代码参照</li>
						<li>示例代码</li>
						<li>联系我们</li>
					</ul>
				</div>
			</section>
			<!-- 内容区 -->
			<section id="content">
				<div class="container ct">
					<!-- 左边内容 -->
					<div id="contentLt">
						<!-- API测试工具 -->
						<div class="testTool on">
							<p>接口地址：<span>http://op.juhe.cn/idcard/query</span></p>
							<p>返回格式：<span>json</span></p>
							<p>请求方式：<span>http get/post</span></p>
							<p>
								请求示例：http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=
							</p>
							<p>接口备注：error_code为0时计费</p>
							<button type="button">API测试工具</button>
						</div>
						<!-- 请求参数说明 -->
						<div class="ps">
							<!-- 标题 -->
							<h3>
								<i></i>
								请求参数说明：
							</h3>
							<!-- 表格 -->
							<table>
								<thead>
									<tr>
										<th>名称</th>
										<th>必填</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>realname</td>
										<td>是</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>idcard</td>
										<td>是</td>
										<td>string</td>
										<td>姓名(UTF-8)</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>orderid</td>
										<td>否</td>
										<td>int</td>
										<td>传1时返回单号，默认不返回单号(建议传入)</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>key</td>
										<td>是</td>
										<td>string</td>
										<td>在个人中心->我的数据,接口名称上方查看</td>
									</tr>
								</tbody>
							</table>
						</div>
						<!-- 返回参数说明 -->
						<div class="return">
							<!-- 标题 -->
							<h3>
								<i></i>
								返回参数说明：
							</h3>
							<!-- 表格 -->
							<table>
								<thead>
									<tr>
										<th>名称</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>error_code</td>
										<td>int</td>
										<td>返回码</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>reason</td>
										<td>string</td>
										<td>返回说明</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>result</td>
										<td>object</td>
										<td>返回结果集</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>realname</td>
										<td>string</td>
										<td>属result,真实姓名</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>idcard</td>
										<td>string</td>
										<td>属result,身份证号</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>res</td>
										<td>int</td>
										<td>属result,匹配详情,1匹配,2不匹配</td>
									</tr>
								</tbody>
							</table>
						</div>
						<!-- JSON返回示例 -->
						<div class="returnExample">
							<!-- 标题 -->
							<h3>
								<i></i>
								JSON返回示例：
								<span>JSON在线格式化工具</span>
							</h3>
							<!-- 下方演示区 -->
							<div class="rte">
								<p>{</p>
								<p>&quot;reason&quot;: &quot;成功&quot;,</p>
								<p>&quot;result&quot;: {</p>
								<p>&quot;realname&quot;: &quot;***&quot;,/*真实姓名*/</p>
								<p>
									&quot;idcard&quot;:
									&quot;******************&quot;,/*身份证号码*/
								</p>
								<p>
									&quot;orderid&quot;:&quot;J103202010151450419556&quot;,/*流水号*/
								</p>
								<p>&quot;res&quot;: 1 /*1：匹配 2：不匹配*/</p>
								<p>},</p>
								<p>&quot;error_code&quot;: 0</p>
								<p></p>
								<p>}</p>
							</div>
						</div>
					</div>
					<!-- 右边内容 -->
					<div id="contentRt">
						<div id="contentRtT">
							<p>活动推荐/Activity</p>
							<ul class="crList1">
								<li>
									<img src="../imgs/iocn/sfz-aside1.png" alt="图片加载失败" />
								</li>
								<li>
									<img
										src="../imgs/iocn/details-aside02.png"
										alt="图片加载失败"
									/>
								</li>
								<li>
									<img
										src="../imgs/iocn/details-aside03.png"
										alt="图片加载失败"
									/>
								</li>
							</ul>
						</div>
						<div id="contentRtB">
							<p>猜你喜欢</p>
							<ul class="crList2">
								<li>
									<div>
										<img src="../imgs/iocn/API22.jpg" alt="图片加载失败" />
									</div>
									<div class="declare">
										<h3>短信API服务</h3>
										<p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
									</div>
								</li>
								<li>
									<div>
										<img src="../imgs/iocn/API26.jpg" alt="图片加载失败" />
									</div>
									<div class="declare">
										<h3>银行卡四元素校验</h3>
										<p>
											检测输入的姓名、手机号码、身份证号码、银行卡号是否一致。
										</p>
									</div>
								</li>
								<li>
									<div>
										<img src="../imgs/iocn/API30.jpg" alt="图片加载失败" />
									</div>
									<div class="declare">
										<h3>身份证查询</h3>
										<p>身份证归属地信息查询身份证归属地信息查询</p>
									</div>
								</li>
								<li>
									<div>
										<img src="../imgs/iocn/API33.jpg" alt="图片加载失败" />
									</div>
									<div class="declare">
										<h3>身份证OCR识别</h3>
										<p>
											支持对二代居民身份证正反面的关键字段识别，包括姓名、性别、民族、出生日期、住址、
											身份证号、签发机关、有效期限，准确率98%以上
										</p>
									</div>
								</li>
								<li>
									<div>
										<img src="../imgs/iocn/API36.jpg" alt="图片加载失败" />
									</div>
									<div class="declare">
										<h3>三网手机实名制认证</h3>
										<p>
											支持移动、联通号码；检验姓名、身份证、手机号码是否一致。
										</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</section>
		</main>
		<!-- 广告区 -->
		<section id="agv">
			<h1>现在注册，百款接口免费测试</h1>
			<a href="#">免费注册</a>
		</section>
		<footer class="pt-45">
			<!-- 版心 -->
			<div class="container flex-w-sb">
				<!-- 尾部上方列表 -->
				<div class="text3">
					<ul class="f-list flex-sb">
						<li>
							<div class="title">联系我们</div>
							<div class="b-msg">
								400-882-7715 <br />
								售前咨询 <br />
								客服&售后 <br />
								常见问题 <br />
								极速工单 <br />
								投诉与建议<br />
							</div>
						</li>
						<li>
							<div class="title">关于源码</div>
							<div class="b-msg">
								合作伙伴 <br />
								服务条款 <br />
								隐私政策 <br />
								市场合作 <br />
								反商业贿赂声明 <br />
								投诉与建议<br />
							</div>
						</li>
						<li>
							<div class="title">快速入口</div>
							<div class="b-msg">
								API数据 <br />
								黑钻会员 <br />
								新闻动态 <br />
								联系我们 <br />
								加入我们 <br />
								投诉与建议<br />
							</div>
						</li>
						<li>
							<div class="title">产品服务</div>
							<div class="b-msg">
								云监测 <br />
								云查询 <br />
								云助手 <br />
								聚盒子 <br />
								云充值 <br />
								投诉与建议<br />
							</div>
						</li>
						<li>
							<div class="title">解决方案</div>
							<div class="b-msg">
								数字中台 <br />
								慧集：API生命周期管理<br />
								有赢：助力企业营销 <br />
								常见问题 <br />
								极速工单 <br />
								投诉与建议<br />
							</div>
						</li>
					</ul>
				</div>
				<!-- 微信部分 -->
				<div class="weix">
					<p class="fz18">微信公众号</p>
					<p>源码时代</p>
					<img src="../imgs/iocn/wechat-white.png" alt="图片加载失败" />
				</div>
				<!-- 注释部分 -->
				<div class="annotation flex-sb">
					<p>
						<img src="../imgs/iocn/bei1.png" alt="图片加载失败" />
						<img src="../imgs/iocn/bei2.png" alt="图片加载失败" />
						<span
							>增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</span
						>
					</p>
					<p>源码大数据股份有限公司©版权所有</p>
				</div>
			</div>
		</footer>
		<!-- 工具函数 -->
		<script src="../js/util.js"></script>
		<!-- 粒子效果 -->
		<script src="../lib/canvas-particle.js"></script>
		<!-- 本页函数 -->
		<script src="../js/api-detail.js"></script>
	</body>
</html>
